<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title>基础数据管理-职能中心</title>
    <script src="/scripts/boot.js"></script>
</head>
<body class="bg-white">
<div id="viewForm">
    <div class="title-info mb-20"><span>基本信息</span></div>
    <table class="table-bg" border="0" cellpadding="1" cellspacing="1" style="width:100%;table-layout:fixed;">
        <colgroup>
            <col width="135px"></col>
            <col width="50%"></col>
            <col width="135px"></col>
            <col width="50%"></col>
        </colgroup>
        <tr>
            <td class="text-titlebg">名称</td>
            <td colspan="3">
                <input type="text" name="name" class="mini-textbox w250"  required="true" errorMode="none" onvalidation="onNullValidation" requiredErrorText="请输入"　 vtype="maxLength:48" />
            </td>
        </tr>
        <tr>
            <td class="text-titlebg noEmpty">备注</td>
            <td class="wp" colspan="3">
                <textarea name="remark" class="mini-textarea wtextarea" emptyText="" maxLength="225" ></textarea>
            </td>
        </tr>
    </table>
    <div class="chose-toolbar">
        <a class="chose-button" onclick="CloseWindow('close')">取消</a>
        <a class="chose-button save-button" onclick="view.save()">保存</a>
    </div>
</div>
<div id="mask" class="mask-hidden"></div>
<script type="text/javascript">
var post_flag,form,state,msgState;
var view = {
    init: function () {
        post_flag = false; //设置一个对象来控制是否进入AJAX过程
        msgState = true;
        mini.parse();
        form = new mini.Form("#viewForm");
        //typeNew.SetData(data);
    },
    //保存
    save: function () {
        form.validate();
        if (form.isValid() == false) return;
        if (post_flag) return;
        var data = form.getData();//获取表单多个控件的数据
        post_flag = true;
        $.ajax({
            url: (state=="new"?"/functionOffice/add":"/functionOffice/edit?id=" + data.id),
            type: "post",
            data: data,
            success: function (data) { 
            	if(!data.state){
                    mini.alert(data.message);
                	post_flag = false;
            	}else{
                    CloseWindow("ok")
            	}
            },
            error: function (errorMsg) {
                post_flag = false;
                var msg  = JSON.parse(errorMsg.responseText);
                common.prompt(msg.message);
            }
        });
    },
//    数据展示
    SetData: function (data) {
        data = mini.clone(data);
        state = data.state;
        if(data.state=="edit"){
            $.ajax({
                url:"/functionOffice/info?id=" + data.id,
                type: "post",
                success: function (text) {
                    //跨页面传递的数据对象，克隆后才可以安全使用
                    var datas = mini.decode(text);   //反序列化成对象
                    form.setData(datas);             //设置多个控件数据
                },
                error:function (errorMsg) {
                    var msg  = JSON.parse(errorMsg.responseText);
                    common.prompt(msg.message);
                }
            });
        }else{
        	$('input[name=id]').val("");
        }
    }
};
view.init();
</script>
</body>
</html>